<template>
  <div>
      <div class="mokuai1">
         <h3>
              qiantaorouter 嵌套路由页面
         </h3>
         <h4>
             注意：：to和to不同，上面的那个能跳转，下面不能跳转，虽然在app.vue页面中
             name也是跳转路径但是这里行不通，因为name不叫/qiantaorouter/qiantaob，name只是qiantaob。这点注意
            <p> router-link to="/qiantaorouter/qiantaoa"嵌套路由页面a</p> 
            <p> router-link :to="{name:'/qiantaorouter/qiantaob'}">嵌套路由页面b</p>
         </h4>
          <p>
                <router-link to="/qiantaorouter/qiantaoa">嵌套路由页面a</router-link>
          </p>
            <p>
                <!-- <router-link :to="{name:'/qiantaorouter/qiantaob'}">嵌套路由页面b</router-link> -->
                 <router-link to="/qiantaorouter/qiantaob">嵌套路由页面b</router-link>
          </p>
          <router-view></router-view>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>